<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Sistemas de informação</title>
    <meta name="author" content="Rodrigo Mafra" />
    <meta name="description" content="" />
    <meta name="keywords" content="" />
    <meta name="application-name" content="" />

   
    
     <!-- Mobile -->
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />

    <!-- CSS styles -->
    <link href="<?=BASE ?>/webfiles/css/bootstrap/bootstrap.css" rel="stylesheet" />
    <link href="<?=BASE ?>/webfiles/css/bootstrap/bootstrap-responsive.css" rel="stylesheet" />
    <link href="<?=BASE ?>/webfiles/css/supr-theme/jquery.ui.supr.css" rel="stylesheet" type="text/css"/>
    <link href="<?=BASE ?>/webfiles/css/icons.css" rel="stylesheet" type="text/css" />
    <link href="<?=BASE ?>/webfiles/plugins/forms/uniform/uniform.default.css" type="text/css" rel="stylesheet" />

    <!-- Main stylesheets -->
    <link href="<?=BASE ?>/webfiles/css/main.css" rel="stylesheet" type="text/css" /> 


    <!-- fav e touch icons -->
    <link rel="<?=BASE ?>/webfiles/shortcut icon" href="images/favicon.ico" />
    <link rel="<?=BASE ?>/webfiles/apple-touch-icon-precomposed" sizes="144x144" href="images/apple-touch-icon-144-precomposed.png" />
    <link rel="<?=BASE ?>/webfiles/apple-touch-icon-precomposed" sizes="114x114" href="images/apple-touch-icon-114-precomposed.png" />
    <link rel="<?=BASE ?>/webfiles/apple-touch-icon-precomposed" sizes="72x72" href="images/apple-touch-icon-72-precomposed.png" />
    <link rel="<?=BASE ?>/webfiles/apple-touch-icon-precomposed" href="images/apple-touch-icon-57-precomposed.png" />
    
    
    <script type="text/javascript">
        //adding load class to body and hide page
        document.documentElement.className += 'loadstate';

    </script>
</head>
      
    <body class="loginPage">
        <!-- Carragando animação -->
    <div id="qLoverl"></div>
    <div id="qLbar"></div>
    <div class="container-fluid">

        <div id="header">

            <div class="row-fluid">

                <div class="navbar">
                    <div class="navbar-inner">
                      <div class="container">
                            <a class="brand" href="">Artesão<span class="slogan">.Controle</span></a>
                      </div>
                    </div><!-- /navbar-inner -->
                  </div><!-- /navbar -->
                

            </div><!-- fim .row-fluid -->

        </div><!-- fim #header -->

    </div><!-- fim .container-fluid -->    

    <div class="container-fluid">

        <div class="loginContainer">
            <form class="form-horizontal" method="post" action="<?= BASE?>/login/logar/" id="loginForm" >
                <div class="form-row row-fluid">
                    <div class="span12">
                        <div class="row-fluid">
                            <label class="form-label span12" for="email">
                                E-mail:
                                <span class="icon16 right gray marginR10"><img src="<?= BASE?>/webfiles/css/img/user.png" /></span>
                            </label>
                            <input class="span12" id="username" type="text" name="email" value="" />
                        </div>
                    </div>
                </div>

                <div class="form-row row-fluid">
                    <div class="span12">
                        <div class="row-fluid">
                            <label class="form-label span12" for="password">
                                Senha:
                                <span class="icon16 right gray marginR10"><img src="<?= BASE?>/webfiles/css/img/lock.png" /></span>
                                <span class="forgot"><a href="#">Esqueceu a senha?</a></span>
                            </label>
                            <input class="span12" id="password" type="password" name="senha" value="" />
                        </div>
                    </div>
                </div>
                <div class="form-row row-fluid">                       
                    <div class="span12">
                        <div class="row-fluid">
                            <div class="form-actions">
                            <div class="span12 controls">
                                 <?
                                        if (isset($view_mensagem_lista)){
                                             echo "<div class='alert alert-error left'>"; 
                                             echo " $view_mensagem_lista </div>";
                                            
                                        } ?>
                                <button type="submit" class="btn btn-info right" id="loginBtn"><span class="icon16"><img src="<?= BASE?>/webfiles/css/img/enter.png" /></span> Entrar</button>
                            </div>
                            </div>
                        </div>
                    </div> 
                </div>

            </form>
        </div>

    </div><!-- End .container-fluid -->

    <!-- javascript bibliotecas
    ================================================== -->
    <!-- Precisa ter em todas as páginas -->

 <!-- Importante para todas as páginas -->
    <script type="text/javascript" src="<?=BASE ?>/webfiles/js/jquery-1.6.2.js"></script>
    <script type="text/javascript" src="<?=BASE ?>/webfiles/js/bootstrap/bootstrap.js"></script>  
    <script type="text/javascript" src="<?=BASE ?>/webfiles/js/jquery.cookie.js"></script>
    <script type="text/javascript" src="<?=BASE ?>/webfiles/js/jquery.mousewheel.js"></script>

    
    <!-- Variados plugins -->
    <script type="text/javascript" src="<?=BASE ?>/webfiles/plugins/misc/qtip/jquery.qtip.min.js"></script><!-- Custom tooltip plugin -->
    <script type="text/javascript" src="<?=BASE ?>/webfiles/plugins/misc/totop/jquery.ui.totop.min.js"></script> 

    <!-- Pesquisa plugin -->
    <script type="text/javascript" src="<?=BASE ?>/webfiles/plugins/misc/search/tipuesearch_set.js"></script>
    <script type="text/javascript" src="<?=BASE ?>/webfiles/plugins/misc/search/tipuesearch_data.js"></script><!-- JSON for searched results -->
    <script type="text/javascript" src="<?=BASE ?>/webfiles/plugins/misc/search/tipuesearch.js"></script>

    <!-- Formulário plugins-->
    <script type="text/javascript" src="<?=BASE ?>/webfiles/plugins/forms/watermark/jquery.watermark.min.js"></script>
    <script type="text/javascript" src="<?=BASE ?>/webfiles/plugins/forms/uniform/jquery.uniform.min.js"></script>
    <script type="text/javascript" src="<?=BASE ?>/webfiles/plugins/forms/select/select2.min.js"></script>
    <script type="text/javascript" src="<?=BASE ?>/webfiles/plugins/forms/validate/jquery.validate.min.js"></script>
    <script type="text/javascript" src="<?=BASE ?>/webfiles/plugins/forms/smartWizzard/jquery.smartWizard-2.0.min.js"></script>

    <!-- Important antes do main.js  -->
    <script type="text/javascript" src="<?=BASE ?>/webfiles/js/jquery-1.9.2-ui.min.js"></script>
    
    <!-- Init plugins -->
    <script type="text/javascript" src="<?=BASE ?>/webfiles/js/main.js"></script><!-- Core js functions -->
    <script type="text/javascript" src="<?=BASE ?>/webfiles/js/form-validation.js"></script><!-- Init plugins only for page -->
   


     <script type="text/javascript">
        // document ready function
        $(document).ready(function() {
            $("input, textarea, select").not('.nostyle').uniform();
            $("#loginForm").validate({
                rules: {
                    email: {
                        required: true,
                        minlength: 4
                    },
                    senha: {
                        required: true,
                        minlength: 6
                    }  
                },
                messages: {
                    email: {
                        required: "Insira um e-mail válido.",
                        minlength: "E-mail inválido."
                    },
                    senha: {
                        required: "Insira uma senha.",
                        minlength: "Senha no mínimo com 6 characteres."
                    }
                }   
            });
        });
    </script>
 
    </body>

</html>
